// 定义尾部
Vue.component('my-top', MyComponent)
var MyComponent = Vue.extend({
    template: 	'<div class="footer">'+
	    			'<ul class="clear-fix">'+
	    				'<li><a href="../../index.html"><span class="iconfont" title="&#xe60c">&#xe60b</span><i>首页</i></a></li>'+
	    				'<li><a href="/pages/product/product_1.html"><span class="iconfont" title="&#xe60e">&#xe60d</span><i>产品</i></a></li>'+
	    				'<li><a href="/pages/find/assess.html"><span class="iconfont" title="&#xe653">&#xe654</span><i>发现</i></a></li>'+
	    				'<li id="li04"><a onclick="goHref()"><span class="iconfont" title="&#xe614" id="iconfont">&#xe613</span><i>我的</i></a></li>'+
	    			'</ul>'+
    			'</div>'
})
// 注册
Vue.component('my-footer', MyComponent)
// 定义头部
var MyComtop = Vue.extend({
    template: 	'<div class="pro-bar">'+
			'<ul class="clear-fix">'+
				'<li><a href="/pages/product/product_1.html" title="product">'+
					'<span class="iconfont">&#xe615;</span>'+
					'<i>资招推荐</i>'+
				'</a></li>'+
				'<li><a href="/pages/product/product_4.html" title="product">'+
				'<span class="iconfont">&#xe606;</span>'+
				'<i>保险产品</i>'+
				'</a></li>'+
				'<li><a href="/pages/product/product_2.html" title="product">'+
					'<span class="iconfont">&#xe619;</span>'+
					'<i>银行理财</i>'+
				'</a></li>'+
				'<li><a href="/pages/product/product_3.html" title="product">'+
					'<span class="iconfont">&#xe60a;</span>'+
					'<i>公募基金</i>'+
				'</a></li>'+
				'<li><a href="/pages/product/product_5.html" title="product">'+
					'<span class="iconfont">&#xe609;</span>'+
					'<i>私募股权</i>'+
				'</a></li>'+
			'</ul>'+
		'</div>'
});
Vue.component('my-top', MyComtop)
// 控制样式
window.onload = function() {
	//尾部
	var pathName = location.pathname;
  var pathList = document.querySelectorAll('.footer li');
  for(var i=0;i<pathList.length;i++){
    var pathLink = pathList[i].querySelector('a');
    if(pathName == pathLink.pathname){
      var icon = pathLink.childNodes[0];
      var newIcon = icon.getAttribute('title');
      icon.innerHTML = newIcon;
      pathList[i].classList.add('active');
    }else if(pathName == '/'){
      var pathLink = pathList[0].querySelector('a');
      var icon = pathLink.childNodes[0];
      var newIcon = icon.getAttribute('title');
      icon.innerHTML = newIcon;
      pathList[0].classList.add('active');
    }
  }
	//头部
  var pathItem = document.querySelectorAll('.pro-bar a');
  for(var i=0;i<pathItem.length;i++){
    if(pathItem[i].pathname == pathName){
      pathItem[i].parentNode.classList.add('active');
    }
    //处理与底部的关系
    var pathList = document.querySelectorAll('.footer li');
    var pathLink = pathList[1].querySelector('a');
    var icon = pathLink.childNodes[0];
    var newIcon = icon.getAttribute('title');
    icon.innerHTML = newIcon;
    pathList[1].classList.add('active');
  }
  if(pathName.match('mine')){
  	document.getElementById('li04').classList.add('active');
  	document.getElementById('iconfont').innerHTML='&#xe614';
	}
  /*if(pathName.match('customer')){
    document.getElementById('li04').classList.add('active');
    document.getElementById('iconfont02').innerHTML='&#xe614';
  }*/
};
//控制底部菜单栏在发现页面下的样式
$(function(){
	var pathName = window.location.href
	if(pathName.match('find')){
		//$(".footer li a .iconfont").eq(2).text('&#xe653;')
		console.log($(".footer li a .iconfont").eq(2))
		//$(".footer li a .iconfont").eq(2).html('&#xe653;').css({'color':'#8C93A2;'})
		$(".footer li").eq(2).addClass('active')
		$(".footer li a .iconfont").eq(2).html('&#xe653')
	}
	if(pathName.match('customer')){
		//$(".footer li a .iconfont").eq(2).text('&#xe653;')
		console.log($(".footer li a .iconfont").eq(3))
		//$(".footer li a .iconfont").eq(2).html('&#xe653;').css({'color':'#8C93A2;'})
		$(".footer li").eq(3).addClass('active')
		$(".footer li a .iconfont").eq(3).html('&#xe614')
	}
})

function goHref(){
  /*if(isLogin()==false){
    window.location.href='/pages/mine/noLogin.html'
  }else{*/
    window.location.href='/pages/mine/mine.html'
  /*}*/
}
function goCusHref(){
  if(isLogin()==false){
    window.location.href='/pages/customer/noCusLogin.html'
  }else{
    window.location.href='/pages/customer/customer.html'
  }
}
function isLogin(){return!!window.localStorage.getItem(siteTokenKey)}


//定义发现菜单
var FindMenu = Vue.extend({
	template:'<div class="menu">'+
						'<div class="items">'+
							'<a href="assess.html">资招评测</a>'+
							'<a href="hotspot.html">热点爆文</a>'+
							'<a href="interest.html">趣看趣论</a>'+
							'<a href="encyclopedias.html">投资百科</a>'+
						'</div>'+
					'</div>'
})
//全局注册
Vue.component("find-menu",FindMenu)
//控制样式
$(function(){
	var findItems = ['assess.html','hotspot.html','interest.html','encyclopedias.html']
	var pathName = window.location.href
	for(var i=0;i<findItems.length;i++){
		if(pathName.match(findItems[i])){
			$(".menu .items a").eq(i).css({'color':'#005D9E','font-size':'17px'}).siblings().css({'color':'#8C93A2','font-size':'16px'})
		}
	}
})
